<script setup>
	import ASR from "./components/asr.vue";
	import generate from "./components/generate.vue";
</script>

<template>
	<div class="container">
		<el-row>
			<el-col :span="11">
				<h2>语音转写</h2>
				<ASR msg="Vite + Vue" />
			</el-col>
			<el-col :span="2" justify="center"
				><el-divider
					style="height: 100%"
					direction="vertical"
					border-style="dashed"></el-divider
			></el-col>

			<el-col :span="11">
				<h2>语音合成</h2>
				<generate />
			</el-col>
		</el-row>
	</div>
</template>

<style scoped>
	.divider {
		border: 1px solid rgb(204, 204, 204);
	}
</style>
